<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="shop-list.css" />
		<link href="../css/common.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
	</head>

	<body>
		<div id="header"></div>
		<div id="search_container"></div>
		<div id="nav_menu"></div>
		<div class="shop-list-box">
			<p class="p1">您已选择:
				<a href="#">全部商品<img src="../images/second/allSecond_mianbao.png" /></a>
				<a href="#">服装 <img src="../images/second/allSecond_class.png" /> </a>
			</p>
			<div class="shop-list-top">
				<div class="top-left">
					行业类别
				</div>
				<div class="top-right">
					<span style="cursor: pointer;" v-for="(v,i) in industry" :id="v.hyId" @click="go_industry(v.hyId)">{{v.hyName}}</span>
					<!--<span class="" onclick="javascript:screenCat(18);">其他行业</span>
					<span class="" onclick="javascript:screenCat(17);">学习培训</span>
					<span class="" onclick="javascript:screenCat(3);">餐饮服务</span>
					<span class="" onclick="javascript:screenCat(4);">酒店住宿</span>
					<span class="" onclick="javascript:screenCat(5);">丽人</span>
					<span class="" onclick="javascript:screenCat(6);">旅游出行</span>
					<span class="" onclick="javascript:screenCat(7);">房产</span>
					<span class="" onclick="javascript:screenCat(8);">汽车销售</span>
					<span class="" onclick="javascript:screenCat(9);">数码电子</span>
					<span class="" onclick="javascript:screenCat(10);">服装配饰</span>
					<span class="" onclick="javascript:screenCat(11);">文化教育</span>
					<span class="" onclick="javascript:screenCat(12);">家居家装</span>
					<span class="" onclick="javascript:screenCat(13);">养生保健</span>
					<span class="" onclick="javascript:screenCat(14);">保险</span>
					<span class="" onclick="javascript:screenCat(15);">婚庆周边</span>
					<span class="" onclick="javascript:screenCat(2);">休闲娱乐</span>
					<span class="" onclick="javascript:screenCat(1);">生活服务</span>-->
				</div>
			</div>


			<div class="dptj">
				店铺推荐
			</div>
			<div class="shop-list">
				<div class="shop-list-list" v-for="(v,i) in shoplist" >
					<div class="top">
						<img :src="imgUrlS+v.logo" @click="go_shop(v.shopId)"  style="width: 158px;height: 158px;cursor: pointer;" />
							<div class="text">
							<a style="cursor: pointer;"  @click="go_shop(v.shopId)" >{{v.shopName}}</a>
							<div>
								<img src="../img/shoppeople.png" style="width: 14px;height: 14px;" />
								<p>{{v.loginName}}</p>
							</div>
							<div>
								<img src="../img/shopphone.png" style="width: 14px;height: 14px;" />
								<p>{{v.telephone}}</p>
							</div>
							<div>
								<img src="../img/shoplb.png" style="width: 14px;height: 14px;" />
								<p>{{v.hyName}}</p>
							</div>
							<div>
								<img src="../img/shopwz.png" style="width: 14px;height: 14px;" />
								<p>{{v.areas}}</p>
							</div>
							
							
							
						</div>
						
						<div class="list-img">
							<div class="dIv" v-for="(item,index) in v.isRecom" v-if="index<5">
								<img :src="imgUrlS+item.goodsImg" @click="go_detail(item.goodsId)"  />
								<p>￥{{item.shopPrice}}</p>
							</div>
							
							
						</div>
						
						
					</div>
					
					
					<div class="bottom">
						
						<div class="pf">
								店铺动态评分
								<div class="ZZHT-shopstr-score j-scores hide">
									<p class="">商品评价：<span class="title">5</span></p>
									<p class="">时效评价：<span class="title">5</span></p>
									<p class="">服务评价：<span class="title">5</span></p>
								</div>
						</div>
						
						<div class="sc">
							<a href="javascript:void(0);" onclick="ZZHT.addFavorite(this,0,126,126)" class="favorite j-fav2">收藏店铺</a>
						</div>
						
						<div class="jrdp">
							<a style="cursor: pointer;" @click="go_shop(v.shopId)">进入店铺></a>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				
				
				
				
				
			</div>
			

		</div>
		<div id="ck1"></div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/lxs_jk.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			$(function(){
				$(".pf").hover(function(){
					$(this).siblings(".ZZHT-shopstr-score").show();
				},function(){
					$(this).siblings(".ZZHT-shopstr-score").hide();
				})
			})
			
		</script>
		<script type="text/javascript">
			var vm = new Vue({//new 一个实例
				el: '.shop-list-box',//作用域 
				data: {//数据源
					imgUrlS:imgUrlS,//图片基础路径 在ljf_base.js 里 所有页面应该都有配置
					shoplist:[],//店铺
					industry:[],//行业类别
				},
				methods:{
					go_shop:function(id){//点击跳转到品牌页
						location.href="../confirm/store.html?shopId="+id;
					},
					go_industry:function(id){
						location.href="shop-list.html?hyId="+id;
					},
					go_detail:function(id){
						location.href="../view/detail.html?goodsId="+id;
					}
				}
			})
			$.ajax({
				type: "get",
				url: SURLS + "/sktShops/findShopsAll",//SURLS基础路径 在ljf_base.js 里 所有页面应该都有配置
				success: function(data) {
					console.log(data);
					
						vm.shoplist = data.entity;
					
				}
			});
			$.ajax({
				type: "get",
				url: SURLS + "/sktShops/selectShopsGoodsId",//SURLS基础路径 在ljf_base.js 里 所有页面应该都有配置
				success: function(data) {
					console.log(data);
				}
			});
			$.ajax({
				type: "get", 
				url: SURLS + "/sktShops/findShopsHyName",//行业类别
				success: function(data) {
					console.log(data);
					
					for(var i=0;i<data.entity.length;i++){
						vm.industry.push(data.entity[i])
					}
				}
			});
			
			
			
			
		</script>
	</body>

</html>